<template>
  <div id="app">
    <!-- <img src="./assets/logo.png"> -->
    <!-- <router-view/> -->
    <!-- <Hello></Hello> -->
    <!-- <begin></begin> -->
    <!-- <Templates></Templates> -->
    <!-- <AntButton></AntButton> -->
    <!-- <vBind></vBind> -->
    <!-- <vIf></vIf> -->
    <!-- <vElse></vElse> -->
    <!-- <vElseIf></vElseIf> -->
    <!-- <vShow></vShow> -->
    <!-- <Mastache></Mastache> -->
    <!-- <vHtml></vHtml> -->
    <!-- <Expression></Expression> -->
    <!-- <InputMe></InputMe> -->
    <!-- <reverseString></reverseString> -->
    <!-- <filterme></filterme> -->
    <!-- <vBindvOn></vBindvOn> -->
    <!-- <Forme></Forme> -->
    <!-- <reverseStringComputed></reverseStringComputed> -->
    <!-- <vFor3></vFor3> -->
    <!-- <computedMe></computedMe> -->
    <!-- <watchMe></watchMe> -->
    <!-- <bindClass></bindClass> -->
    <!-- <vOn></vOn> -->
    <!-- <vModelForm></vModelForm> -->
    <AntButton></AntButton>
    <antPop></antPop>
  </div>
</template>

<script>
// import Hello from './components/Hello'
// import Begin from './components/begin'
// import Templates from './components/templates.vue'
// import vBind from './components/v_bind.vue'
import AntButton from './components/ant_button.vue'
import antPop from './components/ant_pop_tooltip.vue'
// import vIf from './components/v_if.vue'
// import vElse from './components/v_else.vue'
// import vElseIf from './components/v_else_if.vue'
// import vShow from './components/v_show.vue'
// import Mastache from './components/mastache.vue'
// import vHtml from './components/v_html.vue'
// import Expression from './components/expression.vue'
// import InputMe from './components/input_me.vue'
// import reverseString from './components/reverseString.vue'
// import filterme from './components/filterme.vue'
// import vBindvOn from './components/vBindvOn.vue'
// import Forme from './components/v_for.vue'
// import reverseStringComputed from './components/reverseStringComputehlx.vue'
// import vFor3 from './components/v_for_3.vue'
// import computedMe from './components/computed_me.vue'
// import watchMe from './components/watch_me.vue'
// import bindClass from './components/bind_class.vue'
// import vOn from './components/v_on.vue'
// import vModelForm from './components/v_model_form.vue'

export default {
  name: 'App',
  components: {
    // Hello,
    // Begin,
    // Templates,
    // vBind,
    AntButton,
    antPop
    // vIf,
    // vElse,
    // vElseIf,
    // vShow,
    // Mastache,
    // vHtml,
    // Expression,
    // InputMe,
    // reverseString,
    // filterme,
    // vBindvOn,
    // Forme,
    // reverseStringComputed,
    // vFor3,
    // computedMe,
    // watchMe,
    // bindClass,
    // vOn,
    // vModelForm
  }
}
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>
